<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>后台管理</title>

    <!-- Bootstrap -->
    <link href="./vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="./vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="./vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="./css/custom.css" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>后台管理</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile">
              <div class="profile_pic">
                <img src="images/img.jpg" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>欢迎,</span>
                <h2>Admin</h2>
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <h3>管理员</h3>
                <ul class="nav side-menu">
                  <li><a href="index.html"><i class="fa fa-home"></i> 后台首页 </a>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> 用户管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="member_list.html">会员列表</a></li>
                      <li><a href="member_create.html">创建用户</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-table"></i> 数据中心 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="order_list.html">委托明细</a></li>
                      <li><a href="deal_list.html">成交明细</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bar-chart-o"></i> 结算中心 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="deal_flow.html">成交流水</a></li>
                      <li><a href="fund_flow.html">资金流水</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-clone"></i>报表 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="user.html">用户报表</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-clone"></i>品种管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="product_list.html">品种列表</a></li>
                      <li><a href="product_add.html">新增品种</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-clone"></i>商品管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="category_list.html">商品列表</a></li>
                      <li><a href="category_add.html">新增商品</a></li>
                    </ul>
                  </li>
                </ul>
              </div>

            </div>
            <!-- /sidebar menu -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="width: 178px;">
                    <img src="images/img.jpg" alt="">Admin
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                    <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> 退出</a></li>
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">

              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">持仓一览</h4>
              </div>
              <div class="modal-body">
                <table class="table">
                  <thead>
                    <tr>
                      <th>持仓单号</th>
                      <th>商品名称</th>
                      <th>买卖方向</th>
                      <th>开平方向</th>
                      <th>建仓量</th>
                      <th>持仓量</th>
                      <th>建仓价</th>
                      <th>持仓价</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1524</td>
                      <td>商品1</td>
                      <td>买入</td>
                      <td>开仓</td>
                      <td>10.0</td>
                      <td>10.0</td>
                      <td>1520.0</td>
                      <td>1518.0</td>
                    </tr>
                    <tr>
                      <td>1525</td>
                      <td>商品2</td>
                      <td>买入</td>
                      <td>开仓</td>
                      <td>10.0</td>
                      <td>10.0</td>
                      <td>1520.0</td>
                      <td>1518.0</td>
                    </tr>
                    <tr>
                      <td>1526</td>
                      <td>商品3</td>
                      <td>卖出</td>
                      <td>平仓</td>
                      <td>10.0</td>
                      <td>10.0</td>
                      <td>1520.0</td>
                      <td>1518.0</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
              </div>
            </div>
          </div>
        </div>

        <!-- Small modal -->
        <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-sm">
            <div class="modal-content">

              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel2">用户入金</h4>
              </div>
              <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
                <div class="modal-body">
                  <div class="form-group">
                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">入金金额 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input type="text" id="first-name" required="required" class="form-control col-md-7 col-xs-12">
                    </div>
                  </div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                  <button type="button" class="btn btn-primary">确定</button>
                </div>
              </form>
            </div>
          </div>
        </div>
        <!-- /modals -->


        <!-- page content -->
        <div class="right_col" role="main">
          <!-- top tiles -->
          <div class="row tile_count">
          </div>
          <!-- /top tiles -->

          <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
              <div class="dashboard_graph">

                <div class="row x_title">
                  <div class="col-md-6">
                    <h3>报表 <small>用户报表</small></h3>
                  </div>
                </div>
                <div class="x_content">
                  <table id="datatable" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>序号</th>
                        <th>会员</th>
                        <th>上日余额</th>
                        <th>出入金</th>
                        <th>手续费</th>
                        <th>延期费</th>
                        <th>冻结保证金</th>
                        <th>占用保证金</th>
                        <th>盈亏</th>
                        <th>可用余额</th>
                        <th>持仓</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td data-toggle="modal" data-target=".bs-example-modal-lg">持仓一览</td>
                        <td data-toggle="modal" data-target=".bs-example-modal-sm">入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>96025</td>
                        <td>549954.32</td>
                        <td>0.0</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>0.000</td>
                        <td>549954.32</td>
                        <td>持仓一览</td>
                        <td>入金</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="clearfix"></div>
              </div>
            </div>

          </div>
          <br />
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script src="./vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="./vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- bootstrap-progressbar -->
    <script src="./vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <!-- Datatables -->
    <script src="./vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="./vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <!-- Custom Theme Scripts -->
    <script src="./js/custom.js"></script>

    <script>
      $(document).ready(function() {
        $('#datatable').dataTable();
      });
      (function(){
        var oLanguage={
          "oAria": {
            "sSortAscending": ": 升序排列",
            "sSortDescending": ": 降序排列"
          },
          "oPaginate": {
            "sFirst": "首页",
            "sLast": "末页",
            "sNext": "下页",
            "sPrevious": "上页"
          },
          "sEmptyTable": "没有相关记录",
          "sInfo": "第 _START_ 到 _END_ 条记录，共 _TOTAL_ 条",
          "sInfoEmpty": "第 0 到 0 条记录，共 0 条",
          "sInfoFiltered": "(从 _MAX_ 条记录中检索)",
          "sInfoPostFix": "",
          "sDecimal": "",
          "sThousands": ",",
          "sLengthMenu": "每页显示条数: _MENU_",
          "sLoadingRecords": "正在载入...",
          "sProcessing": "正在载入...",
          "sSearch": "搜索:",
          "sSearchPlaceholder": "",
          "sUrl": "",
          "sZeroRecords": "没有相关记录"
        }
        $.fn.dataTable.defaults.oLanguage=oLanguage;
        //$.extend($.fn.dataTable.defaults.oLanguage,oLanguage)
      })();
    </script>
    <!-- /Datatables -->
  </body>
</html>
